<script lang="ts" setup>
defineProps<{
  size: number;
  title: string;
}>();
</script>
<template>
  <div
    class="m-title"
    :style="{
      fontSize: size ? `${size}px` : '16px',
    }"
  >
    {{ title }}
  </div>
</template>

<style lang="scss" scoped>
.m-title {
  position: relative;
  font-size: 16px;
  font-weight: bold;
  padding-left: 14px;
  line-height: 3;
}
.m-title::before {
  content: '';
  position: absolute;
  width: 6px;
  height: 16px;
  top: 50%;
  transform: translatey(-50%);
  left: 0;
  background-color: #0960bd;

  border-color: black;
  border-style: dotted;
}
</style>
